import React from 'react';
import styles from './Side.css';
import {IconLogo, IconAboutUs} from '../Icons';
import IconPhone from 'material-ui/svg-icons/communication/phone';
import IconNotification from 'material-ui/svg-icons/social/notifications-none';
import Favorite from '../Favorite/index';
import Header from '../Header/index';
export default (props) => (
    <div className={styles.container}>
        <div className={styles.logo}>
            <h1 className={styles.logoAndTitle}><IconLogo /></h1>
            <h2 className={styles.logoAndTitle}>环球云逸直播平台</h2>
            <p className={styles.logoAndTitle}>名师讲解，学子无忧!</p>
            <p className={styles.logoAndTitle}>全国首个大学生学习直播平台！</p>
            <div className={styles.icon}>
                <a data-tip="关于我们" href="/about" target="_blank"><IconAboutUs className={styles.aboutUs}/></a>
                <a data-tip="联系客服:微信号 yunyiweilai001" target="_blank"><IconPhone style={{color:'#cdcdcd'}} /></a>
                <IconNotification data-tip="本站用于学习，看不了游戏" style={{color:'#cdcdcd'}} />
            </div>
        </div>

        <div className={styles.layout}>
            <div className={styles.layoutInner}>
                <Favorite/>
            </div>
        </div>
        {/*传入父组件的loading*/}
        <Header {...props}/>
    </div>
)
